<template>
    <div style="height: 100%;">
        <navbar :title="$t('mod_exit_save')"></navbar>
        <div id="sco_content" class="content-noBottom">
            <!--<iframe src="/content/181126141822/res/index.html" frameborder="0"></iframe>-->
            <!--<iframe id="content" name="content" :src="cosUrl" height="100%" width="100%" scrolling="yes" frameborder="0" />-->
            <TABLE border=0 align="left" height="100%" id="sceneFrames">
                <TR>
                    <TD id="treeArea" width="260px" align="left" valign="top" style="BORDER-RIGHT: 1px dashed #999999;">
                        <ul id="scoTree" class="ztree" style="width:260px; overflow:auto;"></ul>
                    </TD>
                    <TD align="left" valign="top" id="courseScene" width="100%">
                        <iframe id='contentIframe' width='100%' name='contentIframe' :src='cosUrl' frameborder='0' marginheight='0' marginwidth='0' scrolling='auto'/>
                    </TD>
                </TR>
            </TABLE>
        </div>
    </div>
</template>

<script>
export default {
    name: 'ScoPlayer',
    props: [],
    data() {
        return {
            cosUrl: unescape(this.$route.query.cosUrl),
            aiccSid: unescape(this.$route.query.aiccSid),
            aiccUrl: unescape(this.$route.query.aiccUrl),
            cosId: this.$route.query.cosId,
            tkhId: this.$route.query.tkhId,
            modId: this.$route.query.modId,
            isMultiSco: this.$route.query.isMultiSco,
            playStyle: this.$route.query.playStyle,
            lang: this.$route.query.lang,
            lmsInitCalled: false,
            hadSub: false,
            isReview: this.$route.query.isReview,
            timeSpend: 0
            //初始化scorm相关参数
        };
    },
    created() {
    },
    mounted() {},
    methods: {}
};
</script>

<style scoped lang="less">
 /deep/.van-nav-bar__title {
    margin: 0 10px;
}
</style>
